@extends('layout.base')

@section("content")
        <!--服务类目 start-->
    <div class="gray-bg">
        <div class="container">
            <div class="container-box clearfix">
                <div class="container-list aboutServe">
                    <div class="asHeader">
                        <img src="{{URL::asset('/')}}/images/login-2.jpg" alt="">
                    </div>
                    <!--优护—私人订制服务-->
                    <dl>
                        <dt class="asTitle">优护—私人订制服务</dt>
                        <dd class="label-list">
                            <ul class="clearfix">
                                <li><a href="/service#service1">月嫂</a></li>
                                <li><a href="/service#service2">催乳师</a></li>
                                <li><a href="/service#service3">育儿嫂</a></li>
                                {{--<li><a href="/service#service4">小儿推拿</a></li>--}}
                                <li><a href="/service#service5">产后修复</a></li>
                                <li><a href="/service#service6">满月发汗</a></li>
                            </ul>
                            <p class="line-dashed"></p>
                            <ul class="clearfix">
                                <li><a href="/service#service7">优尊套餐</a></li>
                                <li><a href="/service#service8">优享套餐</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <!--优教—职业培训学校-->
                    <dl>
                        <dt class="asTitle">优教—职业培训项目</dt>
                        <dd class="label-list">
                            <ul class="clearfix">
                                <li><a href="/school/hulishi#con">母婴护理师(月嫂)</a></li>
                                <li><a href="/school/cuirushi#con">催乳师</a></li>
                                {{--<li><a href="/school/tuina#con">小儿推拿师</a></li>--}}
                                <li><a href="/school/xiufu#con">产后康复师</a></li>
                                <li><a href="/school/fahan#con">满月发汗</a></li>
                                <li><a href="/school/yingyang#con">营养师</a></li>
                                <li><a href="/school/yuying#con">育婴师</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <!--优学—父母学院-->
                    <dl>
                        <dt class="asTitle">优学—父母学院</dt>
                        <dd class="label-list">
                            <ul class="clearfix">
                                {{--<li><a href="/parent/peixunban#parent1">小儿推拿家长精品班</a></li>--}}
                                <li><a href="/parent/ketang#parent2">母乳喂养课堂</a></li>
                                <li><a href="/parent/zaojiao#parent3">家庭早教指导课程</a></li>
                                <li><a href="/parent/zixun#parent4">生养教前沿咨询</a></li>
                            </ul>
                        </dd>
                    </dl>
                </div>
                <!--优护-->
                <div class="container-list sever-item-box">
                    <div class="img"><a href="/service#service1"><img src="{{URL::asset('/')}}/images/sever-2.jpg" alt=""></a></div>
                    <div class="title">
                        <h2>
                            <a href="/service#service1"><img class="en" src="{{URL::asset('/')}}/images/excellent－nursing.jpg" alt=""></a>
                            <a href="/service#service1"><span>优护</span></a>
                        </h2>
                        <p><a href="/service#service1">定制您的私家母婴服务</a></p>
                    </div>
                    <p class="content"><a href="/service#service1">让每位妈妈月子里不再留有遗憾,守护妈妈的健康,爱护宝宝的成长,让母爱成就母爱。</a></p>
                    <div class="link-more" style="float: right;"><a href="/service#service1">查看更多 》</a></div>
                </div>
                <!--优教-->
                <div class="container-list sever-item-box">
                    <div class="img"><a href="/school/index#con"><img src="{{URL::asset('/')}}/images/youhu.jpg" alt=""></a></div>
                    <div class="title">
                        <h2>
                            <a href="/school/index#con"><img class="en" src="{{URL::asset('/')}}/images//good-education.jpg" alt=""></a>
                            <a href="/school/index#con"><span>优教</span></a>
                        </h2>
                        <p><a href="/school/index#con">您的职业规划师</a></p>
                    </div>
                    <p class="content"><a href="/school/index#con">精准定位亿万母婴服务行业,掌握多项母婴健康管理知识,让您的职业生涯更精彩,让您的人生大放异彩。</a></p>
                    <div class="link-more" style="float: right;"><a href="/school/index#con">查看更多 》</a></div>
                </div>
                <!--优学-->
                <div class="container-list sever-item-box">
                    <div class="img"><a href="/parent/peixunban"><img src="{{URL::asset('/')}}/images//sever-3.jpg" alt=""></a></div>
                    <div class="title">
                        <h2>
                            <a href="/parent/peixunban"><img class="en" src="{{URL::asset('/')}}/images/superior.jpg" alt=""></a>
                            <a href="/parent/peixunban"><span>优学</span></a>
                        </h2>
                        <p><a href="/parent/peixunban">家长的增值课堂</a></p>
                    </div>
                    <p class="content"><a href="/parent/peixunban">没有产品使用说明书的宝宝,让你束手无策,优贝姆父母学院让你做更轻松的父母。</a></p>
                    <div class="link-more" style="float: right;"><a href="/parent/peixunban">查看更多 》</a></div>
                </div>
            </div>
        </div>
    </div>
    <!--服务类目 end-->

    <!--开课信息 start-->
    <div class="orangeBg course-list">
        <div class="container">
            <div class="course-list-hd">
                <h2>开课信息 ——</h2>
                <p>我们是一家有着丰富经验的母婴培训机构，致力于母婴培训领域已经有15年之久了。</p>
            </div>
            <div class="course-tab-box clearfix">
                <div class="tab-list fl aboutServe">
                    <dl>
                        <dt class="asTitle">开课信息</dt>
                    </dl>
                    <ul>
                        <?php
                            if($lessons) {
                                foreach ($lessons as $lesson) {
                        ?>
                            <li><a target="_blank" href="/lesson/view?id=<?php echo isset($lesson->id)?$lesson->id:0;?>#con"><?php echo isset($lesson->name)?$lesson->name:'';?></a></li>
                        <?php
                                }
                            }
                        ?>
                    </ul>
                </div>
                {{--<div style="margin:0 0 0 30px;width:810px;height:460px;padding:20px;background: #fff;float:left">--}}
                <div class="tab-main fl">
                    <div class="tab-content">
                    <p style="font-size:32px;font-weight: 900;text-align: center">优贝姆母婴技能培训双证特惠套餐</p>
                    <p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">中医催乳师+母婴护理师 原价:7100元;冰点价:6000元</p>
                    <p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">中医产后康复师+母婴护理师 原价:7100元;冰点价:6000元</p>
                    <p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">育婴师+母婴护理师 原价:3400元;冰点价:3000元</p>
                    <p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">中医催乳师+中医小儿推拿师 原价:11000元;冰点价:9000元</p>
                    <p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">中医催乳师+中医产后康复师 原价:11000元;冰点价:9000元</p>
                    <p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">中医催乳师+中医产后康复师+小儿推拿师 原价:16500元;冰点价:13000元</p>
                    {{--<p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">加送母婴保健师课程</p>--}}
                    {{--<p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">2人以上报名每人返现金200元</p>--}}
                    {{--<p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">优贝姆老学员终身享受8.5折优惠</p>--}}
                    {{--<p style="font-size:18px;font-weight: 900;text-align: center;line-height: 42px;">优贝姆学员终身享受免费精品课程3次/年</p>--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--开课信息 end-->

    <!--教学风采 start-->
    <div class="marquee-box">
        <div class="container">
            <div class="marquee-box-hd">
                <h2>服务风采 ——</h2>
                <p>母婴护理师、催乳师等开办信息;大家根据自身要求和条件来了解相关课程信息。</p>
            </div>
        </div>
        <div class="marquee-list" id="teacher-list">
            <ul class="clearfix">
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai1.png" alt=""></li>
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai2.png" alt=""></li>
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai3.jpg" alt=""></li>
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai4.jpg" alt=""></li>
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai5.jpg" alt=""></li>
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai6.jpg" alt=""></li>
                <li><img src="{{URL::asset('/')}}/images/fengcai/fengcai7.jpg" alt=""></li>
            </ul>
        </div>
    </div>
    <!--教学风采 end-->

    <!--动态新闻 start-->
    <h1 style="margin-top: 5%;margin-left:12px;font:inherit;font-size: 28px;font-color:#fff">动态新闻</h1>
    <div style="margin-top: 1%; margin-left:12px;font:inherit;font-size:18px;">
        <?php
            if($news){
                foreach($news as $new) {
        ?>
            <div class="news">
                <a target="_blank" href="/realnews/detail?id=<?php echo isset($new->id)?$new->id:0;?>#con"><?php echo isset($new->title)?$new->title:'';?></a>
            </div>
        <?php
                }
            }
        ?>
    </div>
    <!-- 动态新闻 end -->
    <br/>
    <br/>

    <!--案例分享  start-->
    <div class="orangeBg case-box">
        <div class="container">
            <div class="case-box-hd">
                <h2>被感动的顾客  ——</h2>
                <p>我是一位幸运的妈妈，我被优贝姆月嫂贴心的服务感动得至今难忘。感谢老公为我选择了优贝姆，让我的月子坐的既幸福又自信！——用母爱成就母爱的真谛，就在优贝姆！</p>
            </div>
            <div class="content clearfix">
                <div class="case-box-banner" style="background-image: url('{{URL::asset('/')}}images/case-banner.jpg')">
                    <div class="case-content fl" id="case-banner">
                        <div class="case-items">
                            <ul>
                                <?php
                                    if($cases) {
                                        foreach ($cases as $case) {
                                ?>
                                    <li>
                                        {{--<h5>成功案例1</h5>--}}
                                        {{--<span class="line"></span>--}}
                                        <h3 class="main-title"><a href="/case/detail?id=<?php echo $case->id;?>#con" target="_blank"><?php echo isset($case->name)?$case->name:'';?></a></h3>
                                        <p class="sub-title"><a href="/case/detail?id=<?php echo $case->id;?>#con" target="_blank"><?php echo isset($case->mainTitle)?$case->mainTitle:'';?></a></p>
                                        <p class="cont"><a href="/case/detail?id=<?php echo $case->id;?>#con" target="_blank"><?php echo isset($case->subTitle)?$case->subTitle:'';?></a></p>
                                    </li>
                                <?php
                                        }
                                    }
                                ?>
                            </ul>
                            <ol class="switch">
                                <li class="active"><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                            </ol>
                            <span class="prev hide"><i class="icon icon-prev-s"></i></span>
                            <span class="next hide"><i class="icon icon-next-s"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--案例分享  end-->
    <!--公司简介 start-->
    <div class="orangeBg company-profile">
        <div class="container">
            <div class="company-profile-hd">
                <h2>公司简介 ——</h2>
                <p>杭州优贝姆健康管理有限公司成立于2016年，是一家致力于打造集母婴健康管理培训项目、私家定制母婴健康护理服务、孕婴童生养教一体化服务、多功能购物及信息交流平台为一体的现代化母婴健康管理企业。
                </p>
            </div>
            <div class="content clearfix">
                <div class="img fl"><img src="{{URL::asset('/')}}/images/company.jpg" alt=""></div>
                <div class="introduce-box fl">
                    <div class="introduce-inline clearfix">
                        <div class="fl introduce-item">
                            <h3 style="font-size:24px">母婴健康管理培训项目</h3>
                            <p style="font-size: 18px;">催乳师；母婴保健师；中医产后康复师；育婴师；营养师
                            </p>
                        </div>
                        <div class="fr introduce-item">
                            <h3 style="font-size:24px">私家定制母婴健康护理服务</h3>
                            <p style="font-size: 18px;">月嫂、催乳、产后发汗、产后恢复等私人订制服务。</p>
                        </div>
                    </div>
                    <div class="introduce">
                        <h3 style="font-size:24px">孕婴童生养教一体化服务</h3>
                        <p style="font-size: 18px;">个性化家庭生育、养育、教育指导，特色家长课堂一对一培训。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--公司简介 end-->

    <!--留言板-->
    <!--
    <div class="layer"></div>
    <div class="msg-dialog">
        <div class="close-msg"><i class="icon icon-close"></i></div>
        <div class="msg-box">
                <h3 class="title">留言</h3>
                <div class="form-group">
                    <input class="form-control" type="text" id ="name" name="name" placeholder="真实姓名">
                </div>
                <div class="form-group ">
                    <input class="form-control" type="text" id="phone" name="phone" placeholder="联系电话">
                    <p class="error-msg">test test</p>
                </div>
                <div class="form-group ">
                    <input class="form-control" type="text" id="wechatId" name="wechatId" placeholder="微信号码">
                    <p class="error-msg">test test</p>
                </div>
                <div class="form-group ">
                    <textarea class="form-textarea" cols="30" rows="10" id="content" name="content" placeholder="留言内容"></textarea>
                    <p class="error-msg">test test</p>
                </div>
                <input type="hidden" name="_token" id="_token" value="<?php echo csrf_token(); ?>">
                <button class="btn btn-primary" id="sub">提交</button>
        </div>
    </div>
    -->

    <script type="text/javascript">
        $(document).ready(function () {
            $("#sub").click(function(){
                var name = $("#name").val();
                var phone = $("#phone").val();
                var wechatId = $("#wechatId").val();
                var content = $("#content").val();
                var _token = $("#_token").val();

                if (!name && !phone && !wechatId && !content) {
                    alert("数据为空");
                    location.href="/";
                } else {
                    if (!phone){
                        alert("联系方式为空");
                        return;
                    }
                    var data = "name="+name+"&phone="+phone+"&wechatId="+wechatId+"&content="+content+"&_token="+_token;
                    $.ajax({
                        type:"POST",
                        url:"/ajax/msg/send",
                        data:data,
                        error:function (request) {
                            alert("留言失败");
                        },
                        success:function (data) {
                            alert("留言成功");
                            $(".msg-dialog").addClass("hide");
                            $(".layer").addClass("hide");
                        }
                    });
                }
            });
        })
    </script>
@endsection


